<button
  uno-layer-base={"c-white/10 hover:c-black/20"}
  sm={"[color:red]"}
  md={"[--var:var(--another)]"}
  lg={"bg-blue-600"}
  class={"absolute fixed"}
  important={"text-red bg-red"}
  bg={ withBg ? "sky-400 hover:sky-500" : "transparent" }
  font={foo > bar ? 'mono' : 'sans'}
  bg={"blue-400 hover:blue-500 dark:!blue-500 dark:hover:blue-600"}
  text={"sm white"}
  flex="!~ col"
  p="t-2"
  pt="2"
  border="rounded-xl x-1 x-style-dashed"
  border="2 rounded blue-200"
  un-children={"m-auto"}
  pt2 rounded-sm
  inline-block
  transform
  translate-x-100
  rotate-30
  after={"content-[quoted:uno-css]"}
  rotate-60="" ma=""
  m='\`
  1 2
  3
\`'
  ml-1.5
>
  Button
</button>
